﻿@model Chilis.Proveedores.Web.Models.BuscarConvocatoriaModel
@{
    ViewBag.Title = "Consultar Convocatoria";
}
<script type="text/javascript">
    var Model = {
        Codigo: function () { return $("#Codigo").val(); },
        Area: function () { return $("#Areas").val()=="" ? 0 : $("#Areas").val(); },
        FechaInicio: function () { return $("#FechaInicio").val(); },
        FechaFin: function () { return $("#FechaFin").val(); },
        Visita: function () { return $("#Visitas").val(); },
        Estado: function () { return $("#Estados").val(); }
    }

    function BuscarConvocatoria() {
        var urlSearch = '@Url.Action("BuscarConvocatoria", "Convocatoria")';
        var paramSearch = "{'Codigo': '" + Model.Codigo() + "'," +
                           "'Area': " + Model.Area() + "," +
                           "'FechaInicio': '" + Model.FechaInicio() + "'," +
                           "'FechaFin': '" + Model.FechaFin() + "'," +
                           "'Visita': '" + Model.Visita() + "'," +
                           "'Estado': '" + Model.Estado() + "'" +
                          "}";
        $.ajax({
            url: urlSearch,
            type: "POST",
            data: paramSearch,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                $("#tablaListado tbody tr").remove();
                if (result != "") {
                    $.each(result, function (i, item) {
                        var row = "<tr>" +
                              "<td><a href='#' class='button' onclick='verProveedoresPreseleccionados(" + item.IdConvocatoria + ")'> Ver Preseleccionados</a></td>" +
                              "<td style='white-space: nowrap'>" + item.Codigo + "</td>" +
                              "<td>" + item.FechaCreacionString + "</td>" +
                              "<td align='center'>" + item.FechaFinString + "</td>" +
                              "<td align='center'>" + item.Requerimiento + "</td>" +
                              "<td align='center'>" + item.NombreArea + "</td>" +
                              "<td align='center'>" + (item.Visita ? "SI" : "NO") + "</td>" +
                              "<td align='center'>" + item.NombreEstado + "</td>" +
                              "</tr>";
                        $("#tablaListado tbody").append(row)
                    });
                } else {
                    $("#tablaListado tbody").append("<tr><td colspan='8'>No existen convocatorias para los criterios de búsqueda ingresados</td></tr>")
                }
                $(".button").button();

            },
            error: msgError
        });

    }

    function Limpiar() { 
        $("#Codigo").val("");
        $("#Areas").val("");
        $("#FechaInicio").val("");
        $("#FechaFin").val("");
        $("#Visitas").val("");
        $("#Estados").val("");
    }

    function verProveedoresPreseleccionados(id) {
        var urlSearch = '@Url.Action("ConvocatoriaProveedores", "Convocatoria")';
        var paramSearch = "{'idConvocatoria': " + id + " }";
        $("#hdnIdConvocatoria").val(id);
        $.ajax({
            url: urlSearch,
            type: "POST",
            data: paramSearch,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                $(".tbodyProveedorConvocatoria tr").remove();
                if (result != "") {
                    $.each(result, function (i, item) {
                        var row = "<tr>" +
                              "<td><a href='#' class='button' onclick='verProveedor(" + item.IdProveedor + ")'>" + item.RUC + "</a></td>" +
                              "<td>" + item.NombreProveedor + "</td>" +
                              "<td>" + item.RepresentanteLegal + "</td>" +
                              "</tr>";
                        $(".tbodyProveedorConvocatoria").append(row)
                    });
                } else {
                    $(".tbodyProveedorConvocatoria").append("<tr><td colspan='3'>No se encontraron proveedores preseleccionados para esta convocatoria</td></tr>")
                }
                $("#modelProveedores").dialog("open");
                $(".button").button();
            },
            error: msgError
        });
    }

    function verProveedor(id) {
        var urlSearch = '@Url.Action("ConvocatoriaDatosProveedores", "Convocatoria")';
        var paramSearch = "{'idConvocatoria': " + $("#hdnIdConvocatoria").val() + ",'idProveedor': " + id + " }";
        $.ajax({
            url: urlSearch,
            type: "POST",
            data: paramSearch,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                $("#data_ruc").val(result.Proveedor.RUC);
                $("#data_correo").val(result.Proveedor.CorreoResponable);
                $("#data_nombre").val(result.Proveedor.NombreProveedor);
                $("#data_condicion").val(result.Proveedor.Clasificacion);
                $("#data_representante").val(result.Proveedor.RepresentanteLegal);
                $("#data_estado").val(result.Proveedor.Estado ? "Habilitado" : "Deshabilitado");
                $("#data_domicilio").val(result.Proveedor.Direccion);
                $("#data_telefono").val(result.Proveedor.TelefonoResponsable);
                
                $("#data_fecha").val(result.Convocatoria.FechaRegistroString);
                $("#data_contactotelefono").val(result.Convocatoria.ContactoTelefono);
                $("#data_contactonombre").val(result.Convocatoria.Contacto);
                $("#data_contactocorreo").val(result.Convocatoria.ContactoCorreo);
            },
            error: msgError
        });
    }

    function msgError(error) {
        var err = (typeof error.responseText) == 'string' ? eval('(' + error.responseText + ')') : error.responseText;
        alert('Error: ' + err.Message);
    }

    $(document).ready(function () {
        BuscarConvocatoria();
        $("#modelProveedores").dialog({
            autoOpen: false,
            height: 600,
            width: 800,
            modal: true,
            buttons: {
                "Cerrar": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
</script>

<h1>Consultar Convocatoria</h1>
<input type="hidden" id="hdnIdConvocatoria" value="0" />
<table id="tbBusqueda" cellpadding="0" cellspacing="0" style="width: 80%;  border-collapse: collapse;">
    <tr>
        <td>@Html.LabelFor(m => m.Codigo):</td>
        <td>@Html.TextBoxFor(m => m.Codigo, new Dictionary<string, object>() { { "style", "width: 100px" } })</td>
        <td>@Html.LabelFor(m => m.Areas):</td>
        <td>@Html.DropDownListFor(m => m.Areas, Model.Areas, "(Todos)")</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.FechaInicio)</td>
        <td>@Html.TextBoxFor(m => m.FechaInicio, new Dictionary<string, object>() { { "class", "datepicker" }, { "style", "width: 100px" } })</td>
        <td>@Html.LabelFor(m => m.Visita)</td>
        <td>@Html.DropDownListFor(m => m.Visitas, Model.Visitas, "(Todos)")</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.FechaFin)</td>
        <td>@Html.TextBoxFor(m => m.FechaFin, new Dictionary<string, object>() { { "class", "datepicker" }, { "style", "width: 100px" } })</td>
        <td>@Html.LabelFor(m => m.Estados)</td>
        <td>@Html.DropDownListFor(m => m.Estados, Model.Estados, "(Todos)")</td>
    </tr>
    <tr>
        <td>
        <input type="button" id="btnBuscar" value="Buscar" onclick="BuscarConvocatoria()" />
        <input type="button" id="btnLimpiar" value="Limpiar" onclick="Limpiar()" />
        </td>
    </tr>
</table>
<br />
<table id="tablaListado" cellpadding="0" cellspacing="0" class="mGrid" style="width: 100%;
    border-collapse: collapse;">
    <thead>
        <tr>
            <th style="white-space: nowrap">&nbsp;</th>
            <th>C&oacute;digo</th>
            <th align="center">Fecha de Inicio</th>
            <th align="center">Fecha Fin</th>
            <th align="center">Requerimiento</th>
            <th align="center">&Aacute;rea</th>
            <th align="center">Con Visita</th>
            <th align="center">Estado</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="8">
                No existen convocatorias para los criterios de búsqueda ingresados.
            </td>
        </tr>
    </tbody>
</table>
<div id="modelProveedores" style="display: none; width: 800px;" title="Lista de Preseleccionados de la Convocatoria">
<table id="tablaProveedores" cellpadding="0" cellspacing="0" class="mGrid" style="width: 80%;
    border-collapse: collapse;">
    <thead>
        <tr>
            <th>RUC</th>
            <th style="white-space: nowrap">Raz&oacute;n Social</th>
            <th align="center">Representante Legal</th>
        </tr>
    </thead>
    <tbody class="tbodyProveedorConvocatoria">
        <tr>
            <td colspan="3">
                No se encontraron proveedores preseleccionados para esta convocatoria
            </td>
        </tr>
    </tbody>
</table>
<fieldset>
<legend style="text-align: left">Datos Empresa</legend>
<table cellpadding="2" cellspacing="2" style="text-align: left;border-collapse: collapse;">
    <tr>
        <td>RUC</td>
        <td><input type="text" id="data_ruc" readonly="readonly" /></td>
        <td>Correo Electr&oacute;nico</td>
        <td><input type="text" id="data_correo" readonly="readonly" /></td>
    </tr>
    <tr>
        <td>Raz&oacute;n Social</td>
        <td><input type="text" id="data_nombre" readonly="readonly" style="width: 250px" /></td>
        <td>Condici&oacute;n Contribuyente</td>
        <td><input type="text" id="data_condicion" readonly="readonly" /></td>
    </tr>
    <tr>
        <td>Representante Legal</td>
        <td><input type="text" id="data_representante" readonly="readonly" style="width: 250px"/></td>
        <td>Estado Contribuyente</td>
        <td><input type="text" id="data_estado" readonly="readonly" /></td>
    </tr>
    <tr>
        <td>Domicilio</td>
        <td><input type="text" id="data_domicilio" readonly="readonly" style="width: 250px"/></td>
    </tr>
    <tr>
        <td>Tel&eacute;fono</td>
        <td><input type="text" id="data_telefono" /></td>
    </tr>
</table>
</fieldset>

<fieldset>
<legend style="text-align: left">Datos Preseleccionados</legend>
<table cellpadding="2" cellspacing="2" style="text-align: left; border-collapse: collapse;">
    <tr>
        <td>Fecha de Registro</td>
        <td><input type="text" id="data_fecha" readonly="readonly" /></td>
        <td>Tel&eacute;fono contacto</td>
        <td><input type="text" id="data_contactotelefono" readonly="readonly" /></td>
    </tr>
    <tr>
        <td>Nombre contacto</td>
        <td><input type="text" id="data_contactonombre" readonly="readonly" style="width: 250px"/></td>
        <td>Correo contacto</td>
        <td><input type="text" id="data_contactocorreo" readonly="readonly" /></td>
    </tr>
</table>
</fieldset>
</div>